<template>
  <svg class="icon" viewBox="0 0 1024 1024"  xmlns="http://www.w3.org/2000/svg"
       width="200" height="200">
    <path
        d="M253.651376 655.446718c-6.503881 0-13.007763-2.16796-18.066337-7.226535-10.117149-10.117149-10.117149-26.015526 0-35.410021l231.971771-231.971771c10.117149-10.117149 23.847565-15.898377 39.023289-15.898377s28.183486 5.781228 39.023288 15.898377l231.249118 231.249118c10.117149 10.117149 10.117149 26.015526 0 35.410021-10.117149 10.117149-26.015526 10.117149-35.410021 0l-231.249118-231.249118c-2.16796-2.16796-4.335921-2.16796-5.781228 0l-232.694425 231.249118c-5.058574 5.058574-11.562456 7.949188-18.066337 7.949188z"
        fill="#0090FF"></path>
  </svg>
</template>

<style scoped>
.icon {
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.icon:hover {
  background-color: #e8e8e8;
}
</style>